import React from 'react';
import CDioTable from "@/components/c_dio_table"

const formOption = {
  dioOption:{
  title:"新增/编辑个人信息",
  },
  formOption:{
    saveUrl:'/api/project',
    items: [
    { pname: 'ename',plabel:'项目名称' },
    { pname: 'describee',plabel:'项目描述' },
    { pname: 'technology',plabel:'技术栈'  },
    { pname: 'responsibility',plabel:'责任描述'  },
    { pname: 'link' ,plabel:'链接' },
    ],
  }
};
const tableOption={
  handleTable:true,
  getApi:'/api/project',
  columns: [
    {
      title: 'ID',
      dataIndex: 'id',
      key: 'id',
      width:'40px',
    },
    {
      title: '项目名称',
      dataIndex: 'ename',
      key: 'ename',
      width:'70px',
    },
    {
      title: '项目描述',
      dataIndex: 'describee',
      key: 'describee',
    },
    {
      title: '技术栈',
      dataIndex: 'technology',
      key: 'technology',
    },
    {
      title: '责任描述',
      dataIndex: 'responsibility',
      key: 'responsibility',
    },
    {
      title: '链接',
      dataIndex:'link',
      width:'60px',
      key: 'link',
    },
  ]
}
const dioTableData:cType.tableDioProTp={
  formOption,
  tableOption,
  btnTitle:"新增项目"
}
const App: React.FC = () => {
  return (
    <div>
     <CDioTable {...dioTableData}></CDioTable>
    </div>
  );
};
export default App;
